<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>

   <%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
   <%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>首页</title>
<%@include file="/WEB-INF/views/partial/headinclude.jsp"%>
<script type="text/javascript">
	$(function() {
		let datas = [
				{
					aurl : "",
					imgurl : "http://www.itxueyuan.org/uploads/javascript/demo/lunbo/zuoyou_title/images/1.jpg"
				},
				{
					aurl : "",
					imgurl : "http://www.itxueyuan.org/uploads/javascript/demo/lunbo/zuoyou_title/images/2.jpg"
				},
				{
					aurl : "",
					imgurl : "http://www.itxueyuan.org/uploads/javascript/demo/lunbo/zuoyou_title/images/3.jpg"
				},
				{
					aurl : "https://www.baidu.com",
					imgurl : "http://www.itxueyuan.org/uploads/javascript/demo/lunbo/zuoyou_title/images/4.jpg"
				},
				{
					aurl : "",
					imgurl : "http://www.itxueyuan.org/uploads/javascript/demo/lunbo/zuoyou_title/images/5.jpg"
				} ]
		$("#loadSlider").Slider({
			data : datas
		});
	});
</script>
       <script type="text/javascript">
            $(function() {
                $(".s_picitem").hover(function() {
               $(this).children(".dy_border_top").width("100%");
                    $(this).children(".dy_border_right").height("100%");
                    $(this).children(".dy_border_bootom").width("100%");
                    $(this).children(".dy_border_left").height("100%");
                }, function() {
                    $(this).children(".dy_border_top").width(0);
                    $(this).children(".dy_border_right").height(0);
                    $(this).children(".dy_border_bootom").width(0);
                    $(this).children(".dy_border_left").height(0);
                });
            });
        </script>
</head>
<body>
	<div class="flex frameContent">
		<%@include file="/WEB-INF/views/partial/layout_header.jsp"%>
		<section class="main-content">
		<div class="slideroutConten">
			<div id="loadSlider"></div>			
		</div>
		<div class="s_content">
			<div class="s_title" id="productdes">产品介绍 
			</div>
				<div class="s_contentitem" style="">
					<figure class="s_picitem"> 
					<div class="dy_border_top dy_border"></div>
                <div class="dy_border_right dy_border"></div>
                <div class="dy_border_bootom dy_border"></div>
                <div class="dy_border_left dy_border"></div>
					<a href="javascript:;"> 
					<img alt="item" src="images/price.jpg" /> <!--<p class="des">item4</p>-->
						<div class="s_desc">幸运大抽奖1</div>
					</a> 
					</figure>
					<figure class="s_picitem">
					<div class="dy_border_top dy_border"></div>
                <div class="dy_border_right dy_border"></div>
                <div class="dy_border_bootom dy_border"></div>
                <div class="dy_border_left dy_border"></div>
					 <a href="javascript:;"> <img
						alt="item" src="images/price.jpg" /> <!--<p class="des">item4</p>-->
						<div class="s_desc">幸运大抽奖2</div>
					</a> </figure>
					<figure class="s_picitem">
					<div class="dy_border_top dy_border"></div>
                <div class="dy_border_right dy_border"></div>
                <div class="dy_border_bootom dy_border"></div>
                <div class="dy_border_left dy_border"></div>
					 <a href="javascript:;"> <img
						alt="item" src="images/price.jpg" /> <!--<p class="des">item4</p>-->
						<div class="s_desc">幸运大抽奖3</div>
					</a> </figure>
					<figure class="s_picitem"><div class="dy_border_top dy_border"></div>
                <div class="dy_border_right dy_border"></div>
                <div class="dy_border_bootom dy_border"></div>
                <div class="dy_border_left dy_border"></div> <a href="javascript:;"> <img
						alt="item" src="images/price.jpg" /> <!--<p class="des">item4</p>-->
						<div class="s_desc">幸运大抽奖4</div>
					</a> </figure>
					<figure class="s_picitem"> <div class="dy_border_top dy_border"></div>
                <div class="dy_border_right dy_border"></div>
                <div class="dy_border_bootom dy_border"></div>
                <div class="dy_border_left dy_border"></div><a href="javascript:;"> <img
						alt="item" src="images/price.jpg" /> <!--<p class="des">item4</p>-->
						<div class="s_desc">幸运大抽奖5</div>
					</a> </figure>
				</div>
			</div>
		</section>
		<%@include file="/WEB-INF/views/partial/layout_footer.jsp"%>
	</div>
</body>
</html>